@primaryColor: #f66e2c;

.list_item_container {
    width: 296px;
    padding-left: 5px;

    .list_item {
        width: 240px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    &:hover {
        background-color: #e7eaef;
    }

    .item_typeicon {
        font-size: 12px;
        color: @primaryColor;
    }

    .item_avatar {
        flex: 0 0 24px;
        height: 24px;
        overflow: hidden;
        outline: none;
        border-radius: 50%;
    }

    .item_text {
        margin-left: 8px;
        display: inline-block;
        // max-width: 100%;
        max-width: 200px;
        width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.item_right {
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: @primaryColor;

    &::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
        width: 1px;
        height: 14px;
        background: rgba(255, 109, 59, 20%);
    }

    &.disabled {
        color: #00000040;
        pointer-events: none;
        cursor: not-allowed;

        &::before {
            background: #acabab40;
        }
    }
}